.mr-10{ margin-right: 10rpx;}
.mr-20{ margin-right: 20rpx;}
.mr-30{ margin-right: 30rpx;}
.mr-40{ margin-right: 40rpx;}
.mr-50{ margin-right: 50rpx;}
.mr-60{ margin-right: 60rpx;}
.mr-70{ margin-right: 70rpx;}
.mr-80{ margin-right: 80rpx;}
.ml-10{ margin-left: 10rpx;}
.mb-10{ margin-bottom: 10rpx;}
.mb-20{ margin-bottom: 20rpx;}
.mb-30{ margin-bottom: 30rpx;}
.mb-35{ margin-bottom: 35rpx;}
.mb-40{ margin-bottom: 40rpx;}
.mb-50{ margin-bottom: 50rpx;}
.mb-60{ margin-bottom: 60rpx;}
.mb-70{ margin-bottom: 70rpx;}
.mb-80{ margin-bottom: 80rpx;}

.mt-10{ margin-top: 10rpx;}
.mt-20{ margin-top: 20rpx;}
.mt-30{ margin-top: 30rpx;}
.mt-35{ margin-top: 35rpx;}
.mt-40{ margin-top: 40rpx;}
.mt-45{ margin-top: 45rpx;}
.mt-50{ margin-top: 50rpx;}
.mt-55{ margin-top: 55rpx;}
.mt-60{ margin-top: 60rpx;}
.fz-18{ font-size: 18rpx;}
.fz-19{ font-size: 19rpx;}
.fz-20{ font-size: 20rpx;}
.fz-21{ font-size: 21rpx;}
.fz-22{ font-size: 22rpx;}
.fz-23{ font-size: 23rpx;}
.fz-24{ font-size: 24rpx;}
.fz-25{ font-size: 25rpx;}
.fz-26{ font-size: 26rpx;}
.fz-27{ font-size: 27rpx;}
.fz-28{ font-size: 28rpx;}
.fz-29{ font-size: 29rpx;}
.fz-30{ font-size: 30rpx;}
.fz-31{ font-size: 31rpx;}
.fz-32{ font-size: 32rpx;}
.fz-33{ font-size: 33rpx;}
.fz-34{ font-size: 34rpx;}
.fz-35{ font-size: 35rpx;}
.fz-36{ font-size: 36rpx;}
.fz-37{ font-size: 37rpx;}
.fz-38{ font-size: 38rpx;}
.fz-39{ font-size: 39rpx;}
.fz-40{ font-size: 40rpx;}
.fz-41{ font-size: 41rpx;}
.fz-42{ font-size: 42rpx;}
.fz-43{ font-size: 43rpx;}
.fz-44{ font-size: 44rpx;}
.fz-45{ font-size: 45rpx;}
.fz-46{ font-size: 46rpx;}
.fz-47{ font-size: 47rpx;}
.fz-48{ font-size: 48rpx;}
.fz-49{ font-size: 49rpx;}
.fz-50{ font-size: 50rpx;}

// 常用颜色
.color-gray{ color: rgba(42, 44, 57, 0.7) !important; }
.color-black{ color: #2A2C39 !important; }
.color-blue{ color: #226DFA !important; }
.color-red{ color: #FC6060 !important; }
.color-green { color: #07C160 !important; }

.bg-color-red{background-color: #FC6060;}
.bg-color-green{background-color: #07C160;}
.bg-color-blue{background-color: #226DFA;}



.ellippsis{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  width:500px;
}

.page-mask{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

.flex-center{ display: flex; justify-content: center; align-items: center;}
.flex-column {
	flex-direction: column;
}